import React, { Component } from "react";
// import ReactDOM from 'react-dom';
import Todo from "./Todo.jsx";

export default class TodoList extends Component {
    render() {
        const { visibleTodos } = this.props;
        const datas = visibleTodos;

        return (
            <div>
                {
                    datas instanceof Array && datas.map((v, i) => {
                        return (
                            <Todo key={i} data={v} index={i}></Todo>
                        )
                    })
                }

            </div>
        )
    }
}
